<!-- Sidebar -->
<div id="sidebar-wrapper">
    <nav id="spy">
        <ul class="sidebar-nav nav navbar-nav">
            <li class="sidebar-brand">
                <a href="@routes.Application.index()">
                	<img id="logo-img" src="@routes.Assets.at("images/logo.png")"/>
                	<span class="fa fa-home solo">Hồng Ngọc</span>
                </a>
               
            </li>
            <li>
                <a href="@routes.Application.index()" data-scroll>
                    <i class="glyphicon glyphicon-lock solo"></i> Nhập từ nhà cung cấp
                </a>
            </li>
            <li>
                <a href="@routes.Application.index()" data-scroll>
                    <i class="glyphicon glyphicon-leaf solo"></i> Hoàn trả nhà cung cấp
                </a>
            </li>
            <li>
                <a href="@routes.Application.index()" data-scroll>
                    <i class="glyphicon glyphicon-comment solo"></i> Chat
                </a>
            </li>
            <li>
            	<a href="#" class="dropdown-toggle" data-toggle="dropdown">Menu 1 <b class="caret"></b></a>
                <ul class="dropdown-menu multi-level">
                    <li><a href="#">Action</a></li>
                    <li><a href="#">Another action</a></li>
                    <li><a href="#">Something else here</a></li>
                    <li class="divider"></li>
                    <li><a href="#">Separated link</a></li>
                    <li class="divider"></li>
                    <li><a href="#">One more separated link</a></li>
                    <li class="dropdown-submenu">
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown</a>
                        <ul class="dropdown-menu">
                            <li><a href="#">Action</a></li>
                            <li class="dropdown-submenu">
                                <a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown</a>
                                <ul class="dropdown-menu">
                                    <li class="dropdown-submenu">
                                        <a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown</a>
                                        <ul class="dropdown-menu">
                                            <li><a href="#">Action</a></li>
                                            <li><a href="#">Another action</a></li>
                                            <li><a href="#">Something else here</a></li>
                                            <li class="divider"></li>
                                            <li><a href="#">Separated link</a></li>
                                            <li class="divider"></li>
                                            <li><a href="#">One more separated link</a></li>
                                        </ul>
                                    </li>
                                </ul>
                            </li>
                        </ul>
                    </li>
                </ul>
            </li>
        </ul>
    </nav>
    <div id="user-bar">
    	<a href="@routes.Application.logout()">
    		<i class="glyphicon glyphicon-off"></i>
    	</a>
    	<a href="@routes.Application.logout()">
    		<i class="glyphicon glyphicon-cog"></i>
    	</a>
    	<a type="button" data-toggle="collapse" href="#collapseOne" id="user-list-button">
    		<i class="glyphicon glyphicon-user"></i>
    	</a>
    	<div class="panel panel-primary"></div>
    </div>
</div>
